<template>
  <div class="stu-profill">
    <el-avatar
      :size="150"
      shape="square"
      :src="currentRow.headimgurl"
    ></el-avatar>
    <el-descriptions title="学员信息" border>
      <el-descriptions-item label="姓名">{{
        currentRow.name
      }}</el-descriptions-item>
      <el-descriptions-item label="年龄">{{
        currentRow.age
      }}</el-descriptions-item>
      <el-descriptions-item label="班级">{{
        currentRow.class
      }}</el-descriptions-item>
      <el-descriptions-item label="学历">{{
        currentRow.degree
      }}</el-descriptions-item>
      <el-descriptions-item label="项目地址">{{
        currentRow.productUrl
      }}</el-descriptions-item>
      <el-descriptions-item label="创建时间">{{
        currentRow.cTime
      }}</el-descriptions-item>
      <el-descriptions-item label="城市">{{
        currentRow.city
      }}</el-descriptions-item>
      <el-descriptions-item label="描述">{{
        currentRow.description
      }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
import { mapState } from "vuex";

export default {
  computed: {
    ...mapState(["currentRow"]),
  },
};
</script>
